<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	>
<h:head>
        <title>Controle de chamado</title>
</h:head>
<h:body>
 <h:form> 
 <p:panel id="panel" header="Sistema Controle de Chamado" style="margin-bottom:10px;width:830px">
 		<p:messages id="messages" />
 		<p:panelGrid columns="3" style="width:800px">
 			<f:facet name="header">  
        			Detalhes do Técnico  
    		</f:facet> 
  					<h:outputLabel for="matricula" value="RE/Matrícula "/>  
	    			<p:inputText id="matricula" value="" required="true" size="6"/>
	    			<p:message for="matricula" />	
	    			<h:outputLabel for="nome" value="Nome "/>  
	    			<p:inputText id="nome" value="" required="true" size="70" />
	    			<p:message for="nome" />	
	    			<h:outputLabel for="data" value="Data "/>  
	    			<p:inputText />  
 		</p:panelGrid>
 		
 		<p:panelGrid columns="2" style="width:800px">
 			<f:facet name="header">  
        			Detalhes Ticket  
    		</f:facet> 
 					<h:outputLabel for="id" value="ID " />
					<p:inputText id="id" value="" required="true" label="ID" size="5"/>
					<h:outputLabel for="ticket" value="Ticket " />
					<p:inputText id="ticket" value="" required="true" label="Tcket" size="5"/>
					<h:outputLabel for="segmento" value="Segmento " />
						<p:selectOneRadio>
							<f:selectItem itemLabel="VPE"/>
							<f:selectItem itemLabel="VPG"/>
						</p:selectOneRadio>
 		</p:panelGrid>
 		
 		<p:commandLink update="display1" oncomplete="dlg1.show()" style="margin-right:20px" >
 			<h:outputText value="Procedente"/>
 		</p:commandLink>
 		<p:commandLink update="display2" oncomplete="dlg2.show()" style="margin-right:20px">
 			<h:outputText value="Procedente Escalonado" />
 		</p:commandLink>
 		<p:commandLink update="display3" oncomplete="dlg3.show()" style="margin-right:20px" >
 			<h:outputText value="Improcedente"/>
 		</p:commandLink>
 		<p:commandLink update="display4" oncomplete="dlg4.show()" style="margin-right:20px">
 			<h:outputText value="Improcedente Escalonado"/>
 		</p:commandLink>
 		<p:commandLink update="display5" oncomplete="dlg5.show()" style="margin-right:20px">
 			<h:outputText value="Escalonado"/>
 		</p:commandLink>
	
	<p:dialog modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg1">
	<p:outputPanel id="display1" >
 		<p:panelGrid columns="2" style="width:800px" >
 			<f:facet name="header">  
        			Ticket Procedente  
    		</f:facet>
 					<h:outputLabel for="encerramento" value="Encerramento " />
						<p:selectOneMenu value="">  
			            	<f:selectItem itemLabel="Select One" itemValue="" />  
			            	<f:selectItem itemLabel="SNMP" itemValue="1" />  
			            	<f:selectItem itemLabel="BGP" itemValue="2" />  
			            	<f:selectItem itemLabel="X25" itemValue="3" />  
			        	</p:selectOneMenu> 
			       		<h:outputLabel for="complexidade" value="Complexidade"/>
 		</p:panelGrid>
 	  </p:outputPanel>
 	</p:dialog>
 	
 	<p:dialog modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg2">
	<p:outputPanel id="display2" >	
 		<p:panelGrid columns="2" style="width:800px">
 			<f:facet name="header">  
 					Ticket Procedente e Escalonado
 			</f:facet>
		    	 <h:outputLabel for="porque" value="porque "/>
				 <p:selectOneMenu value="">  
		            <f:selectItem itemLabel="Select One" itemValue="" />  
		            <f:selectItem itemLabel="Escalonamento Vivo" itemValue="1" />  
		            <f:selectItem itemLabel="Escalonamento ISS" itemValue="2" />  
		            <f:selectItem itemLabel="RFB" itemValue="3" />
		            <f:selectItem itemLabel="Fora SLA 'Última Hora'" itemValue="4" />  
		        </p:selectOneMenu> 
		        <h:outputLabel for="solicitantePE" value="Solicitante "/>
		        <p:inputText id="solicitantePE" value="" label="Solicitante" size="35"/>
		        <h:outputLabel for="areasolicitantePE" value="Área Solicitante "/>
		        <p:inputText id="areasolicitantePE" value="" label="Área Solicitante" size="35"/>
		        <h:outputLabel for="historicoPE" value="Histórico "/>
		        <p:inputTextarea rows="5" cols="70"></p:inputTextarea>
    </p:panelGrid>
    </p:outputPanel>
 	</p:dialog>
 	
 	<p:dialog modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg3">
	<p:outputPanel id="display3" >
   	<p:panelGrid columns="2" style="width:800px">
 			<f:facet name="header">  
 					Ticket Improcedente
 			</f:facet>
	    	<h:outputLabel for="ticketimprocedente" value="Ticket Improcedente " />
			<p:inputText id="ticketimprocedente" value="" label="Ticket Improcedente" size="7"/>
    </p:panelGrid>
    </p:outputPanel>
 	</p:dialog>
 	
 	
    <p:dialog modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg4">
	<p:outputPanel id="display4" >
    <p:panelGrid columns="2" style="width:800px">
 			<f:facet name="header">  
 					Ticket Improcedente e Escalonado
 			</f:facet>
	    	<h:outputLabel for="ticketimprocedenteescalonado" value="Ticket Improcedente Escalonado " />
			<p:inputText id="ticketimprocedenteescalonado" value="" label="Ticket Improcedente Escalonado" size="7"/>
    </p:panelGrid>
    </p:outputPanel>
 	</p:dialog>
    
    <p:dialog modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg5">
	<p:outputPanel id="display5" >
    <p:panelGrid columns="2" style="width:800px">
 			<f:facet name="header">  
 					Ticket Escalonado
 			</f:facet>
			<h:outputLabel for="motivoprioridade" value="Motivo Prioridade " />
			<p:inputText id="motivoprioridade" value="" />
			<h:outputLabel for="solicitanteE" value="Solicitante " />
			<p:inputText id="solicitanteE" value=""/>
			<h:outputLabel for="areasolicitanteE" value="Área Solicitante " />
			<p:inputText id="areasolicitanteE" value=""/>
			<h:outputLabel for="historicoE" value="Histórico " />
			<p:inputTextarea rows="5" cols="70"></p:inputTextarea>
    </p:panelGrid>
    </p:outputPanel>
 	</p:dialog>
 	
</p:panel>
    <p:commandButton  value="Cadastra" icon="ui-icon-check" style="margin:0" alt="Cadastra Chamado" title="Cadastra Chamado"/>
 </h:form>
</h:body>	
</html>